<template>
    <div class="container">
        <div class="info">
            <div style="height:10px"></div>
            <div style="padding: 10px;width: 90%;margin-left: 5%;" @click="EventTarget('培训历史记录')">
                <div style="display: flex;align-items: center;justify-content: space-between;">
                    <div class="flex-image" style="display: flex;align-items: center;">
                        <image
                            src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/%E9%9D%92%E5%B2%9B%E5%B0%8F%E7%A8%8B%E5%BA%8F%2FGroup%202361.png" />
                        <div style="width: 15px;"></div>
                        <div>培训历史记录</div>
                    </div>
                    <div style="display: flex;align-items: center;">
                        <u-icon color="#000000" name="arrow-right"></u-icon>
                        <div style="width: 10px;"></div>
                    </div>
                </div>
            </div>
            <div style="height: 30px;"></div>
            <div style="padding: 10px;width: 90%;margin-left: 5%;" @click="EventTarget('进行中培训任务')">
                <div style="display: flex;align-items: center;justify-content: space-between;">
                    <div class="flex-image" style="display: flex;align-items: center;">
                        <image
                            src="https://28-1325662301.cos.ap-shanghai.myqcloud.com/%E9%9D%92%E5%B2%9B%E5%B0%8F%E7%A8%8B%E5%BA%8F%2FGroup%202362.png" />
                        <div style="width: 15px;"></div>
                        <div>进行中培训任务</div>
                    </div>
                    <div style="display: flex;align-items: center;">
                        <u-icon color="#000000" name="arrow-right"></u-icon>
                        <div style="width: 10px;"></div>
                    </div>
                </div>
            </div>
        </div>

        <div style="height: 50px;"></div>
    </div>
</template>
<script>
export default {
    data() {
        return {

        }
    },
    methods: {
        EventTarget(i) {
            if (i == '培训历史记录') {
                uni.navigateTo({
                    url: `/pagesPlant/index/mainlistDone`
                });
            } else if (i == '进行中培训任务') {
                uni.navigateTo({
                    url: `/pagesPlant/index/mainlist`
                });
            }

        }
    },


}
</script>
<style lang="scss">
.info {
    border-radius: 20px;
    width: 90%;
    margin-left: 5%;
    color: #000000;
}

.head-img image {
    width: 100rpx;
    height: 100rpx;
}

.flex-image image {
    width: 75rpx;
    height: 75rpx;
}

.line-white {
    height: 4rpx;
    width: 100vw;
    background: #eef3f1;
}
</style>